/* styles for Klaus Zimmermann's site */

html {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    background: #543200;
}

body {
    margin: 0;
    padding: 0;
}

a, a:visited {
    color: #276DBF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

body header {
    margin: 0;
    background: #DAB196;
    padding: 1.2em 5px;
}

body header h1, body header h2 {
    font-weight: normal;
    margin: 0.4em 0;
}

body header h2 {
    font-size: 1.3em;
}

body nav {
    background: #BF7F22;
}

body nav > ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

body nav ul li {
    display: inline-block;
    float: left;
}

body nav ul li a, body nav ul li a:visited {
    color: #2F1C00;
    display: block;
    padding: 12px;
    transition: background 0.3s, color 0.3s;
}

body nav ul li a:hover {
    text-decoration: none;
    background: #523100;
    color: #D1B488;
}

body nav ul:after {
    display: block;
    visibility: hidden;
    height: 0;
    content: '.';
    clear: both;
}

body section#main {
    background: #F7E0BE;
    color: #1F1508;
    padding: 1.4em 15px;
}

body footer {
    padding: 1.5em;
    background: #543200;
    color: #E5D7C3;
    text-align: center;
    font-size: 0.8em;
}

/* Responsive design section! */

@media screen and (max-width: 500) {
    html {
        font-size: 1em;
    }
}
